﻿@charset "utf-8";
/* CSS Document */



/*side_nav*/
.side_nav a:hover{color:#c61623;}
.side_nav{position:fixed;top:0;left:0;background:rgba(255,255,255,0.5);height:168px; display: none;}
.side_nav .ac a h3{display: none;}
.side_nav .ac a span{display: block; color:red;}
.side_nav .ac:hover a span{color:#fff;}
.side_nav li{ width:34px; height:28px; line-height:28px; text-align:center; position:relative;}
.side_nav li a{color:#666;}
.side_nav li a h3{ font-size:14px; font-weight:normal;}
.side_nav li a span{display:none; font-size:12px; color:#fff;}
.side_nav li img{ position:absolute; left:10px; bottom:0;}
.side_nav li:hover { background:#c81623;}
.side_nav li:hover a h3{display:none;}
.side_nav li:hover img{display:none;}
.side_nav li:hover a span{display:block;}

/*page1*/
.page1 .list{float:left; border-bottom:1px solid #c81623; width:210px; position:relative;}
.page1 .list .nav_l .out{color:#fff; height:31px; line-height:31px; background:#c81623; position:relative; z-index: 10;}
.page1 .list .nav_l .out .out_h3{font-size:14px; width:172px; height:31px; overflow:hidden; padding-left:11px; font-weight:normal; position: relative;}
.page1 .list .nav_l .out.hover{ background:#f7f7f7; color:#c81623; border-left:1px solid #c81623;}
.page1 .list .nav_l .out.hover .out_i{color:#f7f7f7;}
.page1 .list .nav_l .out.hover .out_h3 .out_h3_a{color:#c81623;}
.page1 .list .nav_l .out .out_h3 .out_h3_a{color:#fff;}
.page1 .list .nav_l .out .out_i{position:absolute; right:0; top:0; font-style:normal; font-family:consolas; padding-right:13px; font-size:9px;}

.page1 .inner .list .nav_box{box-sizing: border-box; width:1000px; border:1px solid #b61d1d; border-top:none; border-collapse:collapse; position:absolute; left:209px; top:0; background:#f7f7f7; z-index:9; display:none;}
.page1 .nav_box .nav_list{float:left;}
.page1 .nav_box .box{min-height:465px; overflow:hidden;}
.page1 .nav_box .box .nav_list .brand_bar{padding:20px 0 16px 10px;}
.page1 .nav_box .box .nav_list .brand_bar li{float:left; height:24px; position:relative; margin-left:10px; background:#7c7171;}
.page1 .nav_box .box .nav_list .brand_bar li:hover{background:#c81623;}
.page1 .nav_box .box .nav_list .brand_bar li:hover i{background:#b1191a;}
.page1 .nav_box .box .nav_list .brand_bar li a{display:block; padding:0 30px 0 8px; color:#fff;}
.page1 .nav_box .box .nav_list .brand_bar li.active{background:#c81623;}
.page1 .nav_box .box .nav_list .brand_bar li.active i{background:#b1191a;}
.page1 .nav_box .box .nav_list .brand_bar li a h3{font-weight:normal; font-size:12px; line-height:24px;}
.page1 .nav_box .box .nav_list .brand_bar li a i{width:23px; height:23px; position:absolute; top:1px; right:0; background:#5c5251; text-align:center; font-style:normal; font-family:consolas; font-size:9px; line-height:23px;}
.page1 .nav_box .box .nav_list .option dt{float:left; width:74px; padding-right:30px; font-size:12px; line-height:22px; text-align:right; font-weight:bolder; position:relative;}
.page1 .nav_box .box .nav_list .option dt a{color:#666;}
.page1 .nav_box .box .nav_list .option dt a:hover{color:#c81623;}
.page1 .nav_box .box .nav_list .option dt a:hover i{color:#c81623;}
.page1 .nav_box .box .nav_list .option dt i{position:absolute; top:0; right:17px;}
.page1 .nav_box .box .nav_list .option dd{float:left; width:620px; padding-bottom:2px; border-bottom:1px solid #f2f2f2; margin-bottom:10px;}
.page1 .nav_box .box .nav_list .option dd a{display:inline-block; padding:0 8px; height:16px; font-size:12px;
	line-height:16px; color:#666; border-left:1px solid #e9e9e9; margin-bottom:8px;}
.page1 .nav_box .box .nav_list .option dd a:hover{color:#c81623;}
.page1 .nav_box .pic{float:right; padding-right:20px; width:168px; padding-top:20px;}
.page1 .nav_box .pic .top li{float:left; margin:0 0 1px 1px;}
.page1 .nav_box .pic .top li a{font-size:0; display:block;}
.page1 .nav_box .pic .top li a img{width:83px; height:35px;}
.page1 .nav_box .pic .bottom{margin-top:9px;}
.page1 .nav_box .pic .bottom li{padding-bottom:1px;}
.page1 .nav_box .pic .bottom li a{font-size:0;}
.page1 .nav_box .pic .bottom li a img{width:168px; height:134px; display:block;}

.page1 .banner{width:730px; height:454px; float:left; margin:12px 10px 0 10px; position:relative}
.page1 .banner .slideWrap{ width:730px; height:454px; overflow:hidden; position:relative}
.page1 .banner .slideWrap .slideList{position:absolute;left:0;top:0;}
.page1 .banner .slideWrap .slideList li{ float:left}
.page1 .banner ol{ display:block;position:absolute;margin-left:-102px;left:50%;bottom:12px;width:210px;}
.page1 .banner ol li{float:left;display:inline-block;font-size:12px;width: 24px;height: 24px;background:#3e3e3e;color:#fff;border-radius:50%;margin-right:10px;border:none;line-height: 24px; cursor: pointer;}
.page1 .banner ol .ac{background:#b61b1f;}
.page1 .banner .prev,.next{display:none;color:#ddd;font-size:24px;position:absolute;right:0;top:50%;margin-top:-30px;height:60px;line-height:60px;width:40px;background:rgba(0,0,0,0.3)}
.page1 .banner .prev{left:0;}
.page1 .banner .hide{ display:none}

.page1 .content{float:left; width:250px; margin-top:12px;}
.page1 .content .news{border:1px solid #e9e9e9; height:162px;}
.page1 .content .news .title{height:32px;padding:0 15px;}
.page1 .content .news .title h4{float:left; font:16px/32px "微软雅黑";}
.page1 .content .news .title a{float:right; font:12px/32px "宋体"; color:#666;}
.page1 .content .news .article{font:12px/24px "宋体"; border-top:1px dotted #f4f4f3; height:130px; padding-top:6px;}
.page1 .content .news .article li{padding-left:15px; height:24px; overflow:hidden;}
.page1 .content .news .article li:hover a{color:#c81623;}
.page1 .content .news .article a{color:#666;}
.page1 .content .news .article a span{font-weight:bolder; padding-right:7px;}
.page1 .icons{height:208px;border:1px solid #e9e9e9; border-top:none; overflow:hidden; position: relative;}
.page1 .icons .slide_icon{width:252px; }
.page1 .icons .slide_icon li{width:62px; height:70px;text-align:center; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; float:left;}
.page1 .icons .slide_icon li .er i{background-position:0 -27px;}
.page1 .icons .slide_icon li .san i{background-position:0 -52px;}
.page1 .icons .slide_icon li .si i{background-position:0 -77px;}
.page1 .icons .slide_icon li .wu i{background-position:0 -102px;}
.page1 .icons .slide_icon li .liu i{background-position:0 -126px;}
.page1 .icons .slide_icon li .qi i{background-position:0 -151px;}
.page1 .icons .slide_icon li .ba i{background-position:0 -176px;}
.page1 .icons .slide_icon li .jiu i{background-position:0 -201px;}
.page1 .icons .slide_icon li .shi i{background-position:0 -227px;}
.page1 .icons .slide_icon li .shiyi i{background-position:0 -252px;}
.page1 .icons .slide_icon li .shier i{background-position:0 -277px;}
.page1 .icons .slide_icon li:hover a{color:#c81623;}
.page1 .icons .slide_icon li a{display:block; color:#666; position:relative;}
.page1 .icons .slide_icon li a.icon_modal{display:block; width:63px;height:71px; background: #fff; opacity: 0; position: absolute; top:0; right: 0; z-index: 1;}
.page1 .icons .slide_icon li a i{width:25px; height:25px; position:absolute; left:18px; top:13px; background:url(../images/57620a6fN77b2b8af.png) no-repeat;}
.page1 .icons .slide_icon li a span{display:block; font:12px/30px "宋体"; padding-top:40px;}

.page1 .icons .slide_main{position:absolute;left:0;top:100%;background:#fff; display: none; overflow: hidden; z-index: 2;}
.page1 .icons .slide_main .tabList{height:30px;overflow:hidden;}
.page1 .icons .slide_main .tabList li{float:left;height:28px;border-top:1px solid #fff;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;text-align:center;position:relative;font-size:14px;line-height:28px;width:61px;}
.page1 .icons .slide_main .tabList li a{display:inline-block;color:#666666;}
.page1 .icons .slide_main .tabCont{min-height:300px;padding:0 10px; max-width:230px; font-size:14px;line-height:20px;}
.page1 .icons .slide_main .tabCont .tabItem{display:none;}
.page1 .icons .slide_main .tabList .active{border-top:2px solid #E51013;padding-top:1px;margin-top:-1px;}
.page1 .icons .slide_main .tabCont .active{display:block;}
.page1 .icons .slide_main .tabCont p{padding:10px 0;}
.page1 .icons .slide_main .tabCont p a{display: inline-block;margin-right:6px;line-height:16px;height:16px;color:#666;padding:4px; font-size: 12px;}
.page1 .icons .slide_main .tabCont p a:hover{background:#E51013;color:#fff}
.page1 .icons .slide_main .tabCont p .ac{background:#E51013;color:#fff}
.page1 .icons .slide_main .tabCont .entry_num{line-height:20px;margin-bottom:10px; border:1px solid #666; color: #666; padding-left: 4px;}
.page1 .icons .slide_main .tabCont .price{ display:inline-block; padding: 5px 0; height: 16px; line-height: 16px; color:red;}
.page1 .icons .slide_main .tabCont input,.page1 .icons .slide_main .tabCont select{line-height:20px;margin-bottom:10px;margin-right:10px; color:#666;}
.page1 .icons .slide_main .tabCont button{padding:4px 10px;border-radius: 2px;background:#E51013;border:none;color:#fff;}
.page1 .icons .slide_main .tabCont form span{display:inline-block;width:100px;height:24px;line-height:24px;border:1px solid #ccc;margin:0 10px 10px 0;color:#666;}
.page1 .icons .slide_main .tabCont form span a{margin-right:4px;padding:0 6px;background:#f5f5f5;display:inline-block;color:#666;}
.page1 .icons .slide_main .tabCont .closeicon{width: 15px; height: 15px; font-family: Consolas; position: absolute; top:32px; font-size: 12px; right: 0; text-align: center; line-height: 15px; cursor: pointer;}
.page1 .icons .slide_main .tabCont .closeicon:hover{background: #ccc;}

.page1 .content .pic{padding-top:6px; width:250px; height:75px;}

.page1 .today{ height:151px; margin-top:10px;}
.page1 .today .pic{float:left; width:210px;}
.page1 .today .pic a{font-size:0;}
.page1 .today ul{height:151px; width:1000px; float:left;}
.page1 .today ul li{width:250px; float:left; overflow: hidden; box-sizing: border-box; border-right: 1px solid #fff;}
.page1 .today ul li a{font-size:0;}

/*page2*/
.page2 .guess{height:293px; margin-top:19px;}
.page2 .guess .title{height:38px;}
.page2 .guess .title h3{float:left;}
.page2 .guess .title h3 a{line-height:38px; font-size:20px; font-weight:normal; color:#333;}
.page2 .guess .title>a{float:right; font:12px/38px "宋体"; padding-right:26px; background:url(../images/title_icon_03.jpg) no-repeat right center; color:#666; margin-right:3px;}
.page2 .guess .title>a:hover{color:#c81623;}
.page2 .guess .line{width:1210px; height:1px; background:linear-gradient(90deg,#d1d1d1 75%,#b61e1d 100%); position:relative;}
.page2 .guess .line .cicle{display:block; width:5px; height:5px; border-radius:50%; background:#b61e1d; position:absolute; right:0; top:-2.5px;}
.page2 .guess .content{height:231px; border:1px solid #ededed; border-top:none;}
.page2 .guess li{float:left; width:201px;}
.page2 .guess li .pic{width:202px; height:130px; padding-top:20px; text-align:center;}
.page2 .guess li .text{width:129px; height:62px; margin-top:10px; padding:0 36px; border-right:1px solid #e6e6e6;}
.page2 .guess li .last{border:none;}
.page2 .guess li .text p{font:12px/18px "宋体";}
.page2 .guess li .text p a{color:#666;}
.page2 .guess li .text h4{font-size:17px; color:#b51d20; font-weight:normal;}
/*life*/
.page2 .life{margin-top: 21px; height: 441px; overflow: hidden;}
.page2 .life h3{height: 34px; line-height: 34px; font-size: 20px; color:#333;}
.page2 .life .content{width: 1208px; height: 405px; border: 1px solid #ededed;}
.page2 .life .content .one{width: 403px; height: 405px; float: left; background-color: #f7f7f7; border-right: 1px solid #ededed; overflow: hidden;}
.page2 .life .content .one .top{width:403px; height:246px; overflow: hidden; border-bottom: 1px solid #ededed;}
.page2 .life .content .one .top>h4{width:363px; height: 40px; font: 14px/40px "宋体"; color:#333 ; margin: 0 auto; border-bottom: 1px dashed #e0e0e0; text-align: center; font-weight: bolder; }
.page2 .life .content .text h4{font-size: 17px; line-height: 38px; color:#333;}
.page2 .life .content .text p{font-size:12px; line-height: 18px; color:#333;}
.page2 .life .content .text p span{color:#c81623;}
.page2 .life .content .small a .text p{font-size:12px; line-height: 18px; color:#333;}
.page2 .life .content .small a .text p span{color:#c81623;}
.page2 .life .content .small{ width:201px; height: 158px; position: relative; overflow: hidden;}
.page2 .life .content .small .text{position: absolute; left: 10px; top: 39px;}
.page2 .life .content .one .top .pic{width:403px; height: 205px; position: absolute;}
.page2 .life .content .one .top .pic .bgpic{width:403px; height: 205px; overflow: hidden;}
.page2 .life .content .one .top .pic .text{position: absolute; left: 46px; top:59px;}
.page2 .life .content .one .bot{width: 404px;height: 158px;}
.page2 .life .content .one .bot .small{float:left; border-right: 1px solid #ededed;}
.page2 .life .content .two{width: 228px; height: 405px; float: left; border-right: 1px solid #ededed; overflow: hidden;}
.page2 .life .content .two .top{width:228px; height:246px; overflow: hidden; border-bottom: 1px solid #ededed;}
.page2 .life .content .two .top>h4{width:188px; height: 40px; font: 14px/40px "宋体"; color:#333 ; margin: 0 auto; border-bottom: 1px dashed #e0e0e0; text-align: center; font-weight: bolder; }
.page2 .life .content .two .top .pic{width:228px; height: 205px; position: absolute;}
.page2 .life .content .two .top .pic .bgpic{width:228px; height: 205px; overflow: hidden;}
.page2 .life .content .two .top .pic .text{position: absolute; left: 10px; top:59px;}
.page2 .life .content .two .bot{width: 228px;height: 158px;}
.page2 .life .content .two .bot .small{width:100%; border-right:none;}
.page2 .life .icon{width:171px; height:405px; overflow:hidden;}
.page2 .life .icon .pic_l{width:85px; height:381px; margin-top:13px; float:left; border-right:1px dashed #e0e0e0; }
.page2 .life .icon .pic_l ul{width:85px; height:405px; margin-top:-13px;}
.page2 .life .icon .pic_l ul li{width:74px;height:57px; border-bottom:1px dashed #e0e0e0; margin:0; float:right;}
.page2 .life .icon .pic_l ul li a{display:block; width:85px; height:57px; text-align:center; float:right; font-size:0;}
.page2 .life .icon .pic_r{width:85px; height:381px; margin-top:13px; float:left;}
.page2 .life .icon .pic_r ul{width:85px; height:405px; margin-top:-13px;}
.page2 .life .icon .pic_r ul li{width:74px;height:57px; border-bottom:1px dashed #e0e0e0; margin:0; float:left;}
.page2 .life .icon .pic_r ul li a{display:block; width:85px; height:57px; text-align:center; float:left; font-size:0;}
.page2 .banner{margin-top:20px; font-size: 0;}

/*floor*/
.floor .title{height:35px; width:1210px; border-bottom:1px solid #c81623; margin-top:22px;}
.floor .title>i{display:block; width:27px; height:26px; float:left; background:url(../images/product_home_1.0.0.png) no-repeat 0 -35px; color:#fff; line-height:28px; padding-left:4px;; font-size:14px; transition: all 1s;}
.floor .title.ac>i{background-position: 0 0; transition: all 1s;}
.floor .title h3{ font-size:20px; line-height:30px; color:#333; float:left; padding-left:9px;}
.floor .title .nav{height:34px; float:right; border:1px solid #ededed; border-bottom:none;}
.floor .title .nav li{float:left; height:31px; border-top:3px solid #fff; border-left:1px solid #FFF; border-right:1px solid #FFF; position:relative;}
.floor .title .nav li a{display:block; height:31px; color:#666; font:12px/31px "宋体";padding:0 17px;}
.floor .title .nav li a span{width:1px; height:14px; background-color:#ccc; font-family:arial; position:absolute; right:-2px; top:9px; z-index:1;}
.floor .title .nav li.hover{margin-top:-1px; padding-top:1px; border-color:#c81623; z-index:2; border-bottom:1px solid #fff;}
.floor .title .nav li.hover a span{display:none;}
.floor .banner{margin-top:10px;height:66px; overflow:hidden; background:#f7f7f7;}
.floor .banner ul{padding:14px 0;}
.floor .banner ul li{float:left; width:120px; height:39px; border-right:1px dashed #ccc; text-align:center;}
.floor .banner ul li.last{border:none;}
.floor .banner ul li a{font-size:0;}


/*floor1*/
.floor1 .content{height:632px;border-bottom:1px solid #ededed; border-right:1px solid #ededed; overflow:hidden;}
.floor1 .content img{width:100%;}
.floor1 .content .left{width:330px; float:left;}
.floor1 .content .left .top{width:330px; height:473px; overflow:hidden; position:relative; border-bottom:1px solid #ededed;}
.floor1 .content .left .top:after{content:""; width:80px; height:345px; transform:skewX(-20deg); background:linear-gradient(90deg,rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.0) 100%);position:absolute; left:-50%; top:0; opacity:0;}
.floor1 .content .left .top:hover:after{left:120%; opacity:1; transition:all 1s;}
.floor1 .content .left .top>a{font-size:0; overflow:hidden;}
.floor1 .content .left .top .type{width:305px; height:92px; overflow:hidden; position:absolute; left:0; top:253px; background:rgba(255,255,255,0.50); }
.floor1 .content .left .top .type{padding-left:25px;}
.floor1 .content .left .top .type li{width:100px; height:26px; float:left; margin:10px 0;}
.floor1 .content .left .top .type li a{color:#666; line-height:26px;}
.floor1 .content .left .top .type li a i{display:block; width:26px; height:26px; padding-right:5px; background:url(../images/1F-icon05.png) no-repeat; float:left;}
.floor1 .content .left .top .type li a i.er{background-position:0 -26px;}
.floor1 .content .left .top .type li a i.san{background-position:0 -52px;}
.floor1 .content .left .top .type li a i.si{background-position:0 -78px;}
.floor1 .content .left .top .type li a i.wu{background-position:0 -104px;}
.floor1 .content .left .top .type li a i.liu{background-position:0 -130px;}
.floor1 .content .left .top .type li a span{font:13px/26px "微软雅黑";}
.floor1 .content .left .top .type li a:hover{color:#c81623;}

.floor1 .content .left .top .list{width:330px; height:112px; overflow:hidden; position:absolute; left:0; top:345px; background:rgba(255,255,255,0.70); padding-top:16px;}
.floor1 .content .left .top .list li{float:left; width:115px; padding:0 25px; overflow:hidden;}
.floor1 .content .left .top .list li a{padding-right:5px; color:#666; font:12px/24px "宋体";}
.floor1 .content .left .top .list li a:hover{color:#c81623;}
.floor1 .content .left .top .list li a.active{color:#c81623;}
.floor1 .content .left .bot{width:328px; height:158px;border-right:1px solid #ededed; border-left:1px solid #f7f5ee;}
.floor1 .content .mid{width:439px; height:632px; overflow:hidden; border-right:1px solid #ededed; float:left;}
.floor1 .content .mid .top{height:157px; border-bottom:1px solid #ededed; overflow:hidden;}
.floor1 .content .mid .middle{height:315px; border-bottom:1px solid #ededed; overflow:hidden;}
.floor1 .content .mid .bot{height:158px; overflow:hidden;}
.floor1 .content .right{float:left; width:439px; height:632px;}
.floor1 .content .right ul{float:left; height:632px; width:219px; overflow:hidden;}
.floor1 .content .right .ul_l{border-right:1px solid #ededed;}
.floor1 .content .right ul li{height:157px; border-bottom:1px solid #ededed;}
.floor1 .content .right ul li.last{border-bottom:none;}
.floor1 .content .right .ul_r li.last{height:316px;}

/*floor2*/
.floor2 .content{height:474px; overflow:hidden;}
.floor2 .content img{width:100%;}
.floor2 .content .left{width:210px; float:left; height:474px; overflow:hidden; position:relative;}
.floor2 .content .left:after{content:""; width:80px; height:329px; transform:skewX(-20deg); background:linear-gradient(90deg,rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.0) 100%);position:absolute; left:-50%; top:0; opacity:0;}
.floor2 .content .left:hover:after{left:120%; opacity:1; transition:all 1s;}
.floor2 .content .left>a{font-size:0; overflow:hidden;}
.floor2 .content .left .type{width:200px; height:92px; overflow:hidden; position:absolute; left:0; top:237px; background:rgba(255,255,255,0.50);padding-left:10px; }
.floor2 .content .left .type li{width:100px; height:26px; float:left; margin:10px 0;}
.floor2 .content .left .type li a{color:#666; line-height:26px;}
.floor2 .content .left .type li a i{display:block; width:26px; height:26px; padding-right:5px; background:url(../images/cosmeticsicon.png) no-repeat; float:left;}
.floor2 .content .left .type li a i.er{background-position:0 -26px;}
.floor2 .content .left .type li a i.san{background-position:0 -52px;}
.floor2 .content .left .type li a i.si{background-position:0 -78px;}
.floor2 .content .left .type li a span{font:13px/26px "微软雅黑";}
.floor2 .content .left .type li a:hover{color:#c81623;}

.floor2 .content .left .list{width:210px; height:129px; overflow:hidden; position:absolute; left:0; top:329px; background:rgba(255,255,255,0.70); padding-top:16px;}
.floor2 .content .left .list li{padding:3px 25px; overflow:hidden;}
.floor2 .content .left .list li p a{padding-right:0; color:#666; font:14px/24px "微软雅黑";}
.floor2 .content .left .list li a{padding-right:5px; color:#666; font:12px/24px "宋体";}
.floor2 .content .left .list li a:hover{color:#c81623;}
.floor2 .content .left .list li a.active{color:#c81623;}
.floor2 .content .mid{width:339px; float:left; border-right:1px solid #ededed;}
.floor2 .content .mid .top{height:296px; border-bottom:1px dotted #ccc;}
.floor2 .content .mid a{font-size:0;}
.floor2 .content .mid .bot{height:176px; border-bottom:1px solid #ededed;}
.floor2 .content .right{width:660px; float:left;}
.floor2 .content .right a{font-size:0;}
.floor2 .content .right .pic{width:219px; border-right:1px solid #ededed; float:left;}
.floor2 .content .right .pic .top{height:296px; border-bottom:1px solid #ededed;}
.floor2 .content .right .pic .bot{height:176px; border-bottom:1px solid #ededed;}
.floor2 .banner_pic{margin-top:20px;}


/*floor3*/
.floor3 .content{height:474px; overflow:hidden;}
.floor3 .content img{width:100%;}
.floor3 .content .left{width:330px; float:left; height:474px; overflow:hidden; position:relative;}
.floor3 .content .left:after{content:""; width:80px; height:283px; transform:skewX(-20deg); background:linear-gradient(90deg,rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.0) 100%);position:absolute; left:-50%; top:0; opacity:0;}
.floor3 .content .left:hover:after{left:120%; opacity:1; transition:all 1s;}
.floor3 .content .left>a{font-size:0; overflow:hidden;}
.floor3 .content .left .type{width:305px; height:46px; overflow:hidden; position:absolute; left:0; top:237px; background:rgba(255,255,255,0.50);padding-left:25px; }
.floor3 .content .left .type li{width:98px; height:26px; float:left; margin:10px 0;}
.floor3 .content .left .type li a{color:#666; line-height:26px;}
.floor3 .content .left .type li a i{display:block; width:26px; height:26px; padding-right:5px; background:url(../images/mobilesicon.png) no-repeat; float:left;}
.floor3 .content .left .type li a i.er{background-position:0 -26px;}
.floor3 .content .left .type li a i.san{background-position:0 -52px;}
.floor3 .content .left .type li a span{font:13px/26px "微软雅黑";}
.floor3 .content .left .type li a:hover{color:#c81623;}

.floor3 .content .left .bot{width:330px; height:175px; overflow:hidden; position:absolute; left:0; top:283px; background:rgba(255,255,255,0.70); padding-top:16px;}
.floor3 .content .left .bot .list{width:130px; height:175px; float:left; padding-left:25px;}
.floor3 .content .left .bot .list li{float:left; overflow:hidden;}
.floor3 .content .left .bot .list li p{width:160px;}
.floor3 .content .left .bot .list li p a{padding-right:0; color:#666; font:14px/24px "微软雅黑";}
.floor3 .content .left .bot .list li a{display:inline-block; padding-right:5px; color:#666; font:12px/24px "宋体";}
.floor3 .content .left .bot .list li a:hover{color:#c81623;}
.floor3 .content .left .bot .list li a.active{color:#c81623;}
.floor3 .content .mid{width:440px; float:left;}
.floor3 .content .mid .top{height:236px; border-bottom:1px dotted #ccc; border-right:1px solid #ededed;}
.floor3 .content .mid a{font-size:0;}
.floor3 .content .mid .bot{height:236px;}
.floor3 .content .mid .bot .pic{ width:219px;height:236px; float:left; border-bottom:1px solid #ededed; border-right:1px solid #ededed;}
.floor3 .content .right{width:440px; height:474px; float:left;}
.floor3 .content .right a{font-size:0;}
.floor3 .content .right .top{width:440px;}
.floor3 .content .right .top li{float:left; width:219px; height:117px; border-bottom:1px solid #ededed; border-right:1px solid #ededed;}
.floor3 .content .right .bot{height:237px;}
.floor3 .content .right .bot .pic{width:219px;height:237px; float:left; border-bottom:1px solid #ededed; border-right:1px solid #ededed;}

/*floor4*/
.floor4 .content{height:474px; overflow:hidden;}
.floor4 .content img{width:100%;}
.floor4 .content .left{width:330px; float:left; height:474px; overflow:hidden; position:relative;}
.floor4 .content .left:after{content:""; width:80px; height:283px; transform:skewX(-20deg); background:linear-gradient(90deg,rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.0) 100%);position:absolute; left:-50%; top:0; opacity:0;}
.floor4 .content .left:hover:after{left:120%; opacity:1; transition:all 1s;}
.floor4 .content .left>a{font-size:0; overflow:hidden;}
.floor4 .content .left .type{width:305px; height:46px; overflow:hidden; position:absolute; left:0; top:237px; background:rgba(255,255,255,0.50);padding-left:25px; }
.floor4 .content .left .type li{width:150px; height:26px; float:left; margin:10px 0;}
.floor4 .content .left .type li a{color:#666; line-height:26px;}
.floor4 .content .left .type li a i{display:block; width:26px; height:26px; padding-right:5px; background:url(../images/electronicsicon.png) no-repeat; float:left;}
.floor4 .content .left .type li a i.er{background-position:0 -26px;}
.floor4 .content .left .type li a span{font:13px/26px "微软雅黑";}
.floor4 .content .left .type li a:hover{color:#c81623;}

.floor4 .content .left .bot{width:330px; height:175px; overflow:hidden; position:absolute; left:0; top:283px; background:rgba(255,255,255,0.70); padding-top:16px;}
.floor4 .content .left .bot .list{width:130px; height:175px; float:left; padding-left:25px;}
.floor4 .content .left .bot .list li{float:left; overflow:hidden;}
.floor4 .content .left .bot .list li p{width:160px;}
.floor4 .content .left .bot .list li p a{padding-right:0; color:#666; font:14px/24px "微软雅黑";}
.floor4 .content .left .bot .list li a{display:inline-block; padding-right:5px; color:#666; font:12px/24px "宋体";}
.floor4 .content .left .bot .list li a:hover{color:#c81623;}
.floor4 .content .left .bot .list li a.active{color:#c81623;}
.floor4 .content .mid{width:440px; float:left;}
.floor4 .content .mid .top{height:236px; border-bottom:1px dotted #ccc; border-right:1px solid #ededed;}
.floor4 .content .mid a{font-size:0;}
.floor4 .content .mid .bot{height:236px;}
.floor4 .content .mid .bot .pic{ width:219px;height:236px; float:left; border-bottom:1px solid #ededed; border-right:1px solid #ededed;}
.floor4 .content .right{width:440px; height:474px; float:left;}
.floor4 .content .right a{font-size:0;}
.floor4 .content .right .top{width:440px;}
.floor4 .content .right .top li{float:left; width:219px; height:117px; border-bottom:1px solid #ededed; border-right:1px solid #ededed;}
.floor4 .content .right .bot{height:237px;}
.floor4 .content .right .bot .pic{width:219px;height:237px; float:left; border-bottom:1px solid #ededed; border-right:1px solid #ededed;}

/*floor5*/
.floor5 .content{height:474px; overflow:hidden;}
.floor5 .content img{width:100%;}
.floor5 .content .left{width:330px; float:left; height:474px; overflow:hidden; position:relative;}
.floor5 .content .left:after{content:""; width:80px; height:283px; transform:skewX(-20deg); background:linear-gradient(90deg,rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.0) 100%);position:absolute; left:-50%; top:0; opacity:0;}
.floor5 .content .left:hover:after{left:120%; opacity:1; transition:all 1s;}
.floor5 .content .left>a{font-size:0; overflow:hidden;}
.floor5 .content .left .type{width:305px; height:46px; overflow:hidden; position:absolute; left:0; top:237px; background:rgba(255,255,255,0.50);padding-left:25px; }
.floor5 .content .left .type li{width:150px; height:26px; float:left; margin:10px 0;}
.floor5 .content .left .type li a{color:#666; line-height:26px;}
.floor5 .content .left .type li a i{display:block; width:26px; height:26px; padding-right:5px; background:url(../images/electronicsicon.png) no-repeat; float:left;}
.floor5 .content .left .type li a i.er{background-position:0 -26px;}
.floor5 .content .left .type li a span{font:13px/26px "微软雅黑";}
.floor5 .content .left .type li a:hover{color:#c81623;}

.floor5 .content .left .bot{width:330px; height:175px; overflow:hidden; position:absolute; left:0; top:283px; background:rgba(255,255,255,0.70); padding-top:16px;}
.floor5 .content .left .bot .list{width:130px; height:175px; float:left; padding-left:25px;}
.floor5 .content .left .bot .list li{float:left; overflow:hidden;}
.floor5 .content .left .bot .list li p{width:160px;}
.floor5 .content .left .bot .list li p a{padding-right:0; color:#666; font:14px/24px "微软雅黑";}
.floor5 .content .left .bot .list li a{display:inline-block; padding-right:5px; color:#666; font:12px/24px "宋体";}
.floor5 .content .left .bot .list li a:hover{color:#c81623;}
.floor5 .content .left .bot .list li a.active{color:#c81623;}
.floor5 .content .mid{width:440px; float:left;}
.floor5 .content .mid .top{height:236px; border-bottom:1px dotted #ccc; border-right:1px solid #ededed;}
.floor5 .content .mid a{font-size:0;}
.floor5 .content .mid .bot{height:236px;}
.floor5 .content .mid .bot .pic{ width:219px;height:236px; float:left; border-bottom:1px solid #ededed; border-right:1px solid #ededed;}
.floor5 .content .right{width:440px; height:474px; float:left;}
.floor5 .content .right a{font-size:0;}
.floor5 .content .right .top{width:440px;}
.floor5 .content .right .top li{float:left; width:219px; height:117px; border-bottom:1px solid #ededed; border-right:1px solid #ededed;}
.floor5 .content .right .bot{height:237px;}
.floor5 .content .right .bot .pic{width:219px;height:237px; float:left; border-bottom:1px solid #ededed; border-right:1px solid #ededed;}

/*floor6*/
.floor6 .content{height:474px; overflow:hidden;}
.floor6 .content img{width:100%;}
.floor6 .content .left{width:330px; float:left; height:474px; overflow:hidden; position:relative;}
.floor6 .content .left:after{content:""; width:80px; height:283px; transform:skewX(-20deg); background:linear-gradient(90deg,rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.0) 100%);position:absolute; left:-50%; top:0; opacity:0;}
.floor6 .content .left:hover:after{left:120%; opacity:1; transition:all 1s;}
.floor6 .content .left>a{font-size:0; overflow:hidden;}
.floor6 .content .left .type{width:305px; height:46px; overflow:hidden; position:absolute; left:0; top:237px; background:rgba(255,255,255,0.50);padding-left:25px; }
.floor6 .content .left .type li{width:150px; height:26px; float:left; margin:10px 0;}
.floor6 .content .left .type li a{color:#666; line-height:26px;}
.floor6 .content .left .type li a i{display:block; width:26px; height:26px; padding-right:5px; background:url(../images/electronicsicon.png) no-repeat; float:left;}
.floor6 .content .left .type li a i.er{background-position:0 -26px;}
.floor6 .content .left .type li a span{font:13px/26px "微软雅黑";}
.floor6 .content .left .type li a:hover{color:#c81623;}

.floor6 .content .left .bot{width:330px; height:175px; overflow:hidden; position:absolute; left:0; top:283px; background:rgba(255,255,255,0.70); padding-top:16px;}
.floor6 .content .left .bot .list{width:130px; height:175px; float:left; padding-left:25px;}
.floor6 .content .left .bot .list li{float:left; overflow:hidden;}
.floor6 .content .left .bot .list li p{width:160px;}
.floor6 .content .left .bot .list li p a{padding-right:0; color:#666; font:14px/24px "微软雅黑";}
.floor6 .content .left .bot .list li a{display:inline-block; padding-right:5px; color:#666; font:12px/24px "宋体";}
.floor6 .content .left .bot .list li a:hover{color:#c81623;}
.floor6 .content .left .bot .list li a.active{color:#c81623;}
.floor6 .content .mid{width:440px; float:left;}
.floor6 .content .mid .top{height:236px; border-bottom:1px dotted #ccc; border-right:1px solid #ededed;}
.floor6 .content .mid a{font-size:0;}
.floor6 .content .mid .bot{height:236px;}
.floor6 .content .mid .bot .pic{ width:219px;height:236px; float:left; border-bottom:1px solid #ededed; border-right:1px solid #ededed;}
.floor6 .content .right{width:440px; height:474px; float:left;}
.floor6 .content .right a{font-size:0;}
.floor6 .content .right .top{width:440px;}
.floor6 .content .right .top li{float:left; width:219px; height:117px; border-bottom:1px solid #ededed; border-right:1px solid #ededed;}
.floor6 .content .right .bot{height:237px;}
.floor6 .content .right .bot .pic{width:219px;height:237px; float:left; border-bottom:1px solid #ededed; border-right:1px solid #ededed;}


/*last*/
.page_last{width:1210px; margin:20px auto;}
.page_last h4{ font-size:20px; line-height:30px; font-weight:normal;}
.page_last .left{float:left;}
.page_last .left .pic{width:899px; height:282px; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.page_last .left .pic .one{float:left;width:238px;height:281px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center; overflow:hidden;}
.page_last .left a{display:block; transition:all 0.5s;}
.page_last .left .pic .one:hover .icon{transform:translateX(-20px);}
.page_last .left .pic .text{float:left; text-align:left; padding-left:30px; padding-top:20px; color:#666; font-size:13px; line-height:20px;}
.page_last .left .text .price{color:#c81623; font-weight:bolder; font-size:15px;}
.page_last .left .list{float:left; width:660px;}
.page_last .left .list li{width:219px; height:140px;  border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; float:left;}
.page_last .right{float:left; width:309px;}
.page_last .right a{display:block; width:308px; height:281px; border:1px solid #e5e5e5; border-left:none; font-size:0;}
